<!--header-->
<header class="bar bar-nav thame-danger">
    <span class="icon icon-left pull-left backPage"></span>
    <h1 class="title">填写订单</h1>
</header>
<!--tab-->
<div class="head-tab-item thame-danger trainBlockH">
    <div class="list-block cards-list train-list" style="margin: 0;width: 100%;">
        <ul id="trainBookBlockHead">
            <li class="card" style="background:0;">
                <div class="card-content">
                    <div class="card-content-inner">
                        <div class="from">重庆北站</div>
                        <h3>15:08</h3>
                        <div>2017-06-20</div>
                    </div>
                    <div class="card-content-inner" style="position: relative;top: -.4rem;">
                        <h3>Z4</h3>
                        <span class="jt-info"></span>
                        <!--<div class="jingTing-info" id="jingTingInfo">经停信息</div>-->
                    </div>
                    <div class="card-content-inner">
                        <div class="to">北京西</div>
                        <h3 class="to-time">10:10+1</h3>
                        <div>2017-06-21</div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<!-- content Begin -->
<div class="content mb2_2">
    <!--list-block-->
    <div class="list-block trainBlockM mb05">
        <ul>
            <li class="item-content">
                <div class="item-inner">
                    <div class="item-title">硬座</div>
                    <div class="item-after"><span class="text-danger">￥<span id="bookPriceVal"></span></span></div>
                </div>
            </li>
        </ul>
    </div>
    <!--passenger_item-->
    <div class="passenger_item" id="bookAddPassengerBox">
        <div class="passenger_item_cell">
            <div class="passenger_item_col">
                添加乘客
                <!-- <div class="weui_icon_cancel pr075"></div>
                 <div>
                     <div>和平</div>
                     <div>500234199110053693</div>
                     <div>
                     <label class="label-checkbox">
                         <input type="checkbox" name="checkbox">
                         <div class="item-media">
                             <i class="icon icon-form-checkbox"></i>
                             保险
                         </div>
                     </label>
                     <div>
                 </div>-->
            </div>

            <div class="passenger_item_btn text-primary" id="bookAddPassengerBtn"><span class="button button-fill button-danger">添加</span></div>
        </div>

    </div>

    <div class="list-block mt05 mb05">
        <ul>
            <!--联系人名字-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">联系人</div>
                        <div class="item-input">
                            <input id="userNameVal" type="text" name="mobile" value="" placeholder="联系人">
                        </div>
                    </div>
                </div>
            </li>
            <!--通讯手机-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">通讯手机</div>
                        <div class="item-input">
                            <input id="mobileVal" type="number" name="mobile" value="" placeholder="通讯手机">
                        </div>
                    </div>
                </div>
            </li>
            <!--保险-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">保&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;险</div>
                        <div class="item-input">
                            <select id="baoXianVal">
                                <!--<option value="">-请选择-</option>-->
                                <option value="30">30 x 1份</option>
                                <option value="20">20 x 1份</option>
                            </select>
                        </div>
                    </div>
                </div>
            </li>
            <!--因公隐私-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">因公因私</div>
                        <div class="item-input">
                            <select id="publicPrivate">
                                <option value="0">因私出行</option>
                                <option value="2">因公出行</option>
                            </select>
                        </div>
                    </div>
                </div>
            </li>
            <!--差旅-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">企业差旅</div>
                        <div class="item-input text-right">
                            <label class="label-switch">
                                <input type="checkbox" id="bookTravleSelectVal" value="" checked>
                                <div class="checkbox"></div>
                            </label>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="list-block mt05 mb05" id="bookTravleSelectbox" style="display: none">
        <ul>
            <!--差旅政策-->
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">等级类型</div>
                        <div class="item-input">
                            <select id="TripType">
                                <option value="无">-请选择-</option>
                                <option value="党团活动">党团活动</option>
                                <option value="公会活动">公会活动</option>
                                <option value="出差">出差</option>
                                <option value="培训">培训</option>
                            </select>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">差旅事由</div>
                        <div class="item-input">
                            <select id="TripReason">
                                <option value="无">-请选择-</option>
                                <option value="出国">出国</option>
                                <option value="推广外派现场支持">推广外派现场支持</option>
                                <option value="干部交流">干部交流</option>
                                <option value="岗位体验">岗位体验</option>
                                <option value="授课">授课</option>
                                <option value="会议">会议</option>
                                <option value="其他">其他</option>
                            </select>
                        </div>
                    </div>
                </div>
            </li>
            <li class="align-top">
                <div class="item-content">
                    <div class="item-inner">
                        <div class="item-title label">差旅备注</div>
                        <div class="item-input">
                            <textarea id="TripNote"></textarea>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="list-block mt05" id="bookHintInfoBox" style="display: none">
        <ul>
            <li class="item-content">
                <div class="item-inner">
                    <div class="text-danger bookHintInfo">
                        <span class="weui_icon_warn"></span>
                        <span class="bookHintMsg"></span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!--<div class="list-block trainBlockM mb05">
        <ul>
            <li class="item-content">
                <div class="item-inner">
                    <div class="item-title">购买须知</div>
                    <div class="item-after"></div>
                </div>
            </li>
        </ul>
    </div>-->
</div>
<!-- content End-->
<!--nav-->
<nav class="bar bar-tab">
    <div class="tab-item">订单总额：<span class="f06 text-danger">￥</span><b class="text-danger" id="displyPriceVal"></b></div>
    <div class="tab-item text-danger" id="bookTickitBtn">立即预定</div>
</nav>

<!--
<div data-v-2d7b596e=""><strong style="color:#009fde;">抢票说明：</strong><br>1、提交并支付抢票订单后，立即在云服务端为您抢票。<br>2、抢票时间可能会很长，请耐心等待。携程大数据显示开车前1-3天抢到票的概率较高。<br>3、选择过备选车次和备选座席后，暂收车次和座席的最高价，出票成功后退还差价。<br>4、抢票期间，可随时取消订单，退款在1-3个工作日内退还到原支付账户。部分银行退款较慢，最晚7个工作日退至原支付账户。<br>5、抢票成功或失败后，立即短信通知到您。<br>6、云端虽努力抢票，但不保证100%抢票成功。<br><br><strong style="color:#009fde;">购票说明：</strong><br>我司通过铁路官方网站或授权代售点为客户提供火车票代购服务。<br>因受全国各铁路局的不同规定与要求，无法承诺百分之百代购成功，我司预先收取您的票款，如果代购失败，退款会原渠道返回您支付的账户。<br><br><strong style="color:#009fde;">取票说明：</strong><br>发车前凭预订时使用的证件原件和电子取票号，可在全国任意火车站窗口、自动售取票机或客票代售点取票。<br>部分高铁动车可持二代居民身份证直接检票进站。<br><br><strong style="color:#009fde;">退票说明：</strong><br>在线退票时间：6:00-22:55。<br>退票条件：未取纸质票，且离发车时间大于35分钟。<br>其他不能在线退票的情况需在发车前至火车站窗口办理。<br><br><strong style="color:#009fde;">退票手续费：</strong><br>火车票按梯次收取退票手续费：<br>发车前15天（不含）以上退票，无退票费；<br>发车前49小时以上，收5%退票费；<br>发车前25小时～49小时，收10%退票费；<br>发车前25小时以内，收20%退票费。<br>最终退款以铁路局实际退款为准。<br>保险订单在退票后会全额退还保险。<br><br><strong style="color:#009fde;">改签说明：</strong><br>在线改签时间：6:00-22:55<br>改签条件：未取纸质票，且离发车时间大于35分钟，可改签等于或低于原车票票价的车次。<br>其他不能在线改签的情况需在发车前至火车站窗口办理。<br><br><strong style="color:#009fde;">改签规则及手续费：</strong><br>开车前48小时以上，可改签预售期内的车次。<br>开车前48小时以内，可改签至票面当天24：00之前任意车次，不办理票面日期次日及以后的改签。<br>新车票票价低于原车票的，退还差额，对差额部分核收退票费并执行现行退票费标准。<br><br><strong style="color:#009fde;">免责声明：</strong><br>1）由于全国各铁路局会随时调整火车票信息（如车次、票价、坐席、余票），故本网站显示产品信息，以及因网络传输问题，我司提供的此类信息可能并非最新或存在误差，因此仅供旅客作为一般参考，任何公司或个人不能将此作为我司做出任何承诺或做出任何保证的依据。<br>2）如因客户提供错误的订单信息（姓名、证件号码、日期、车次、座位类型等）或者因客户自身原因导致无法取票、车票丢失、车票损毁等情况所导致的损失，客户需自行承担相关损失费用。 <br>3）我司将按承诺时限向客户订单支付的原渠道发起退款，退款到帐时间由支付渠道和银行决定，请您与支付渠道沟通联系。 <br>4）我司提供的是火车票代购服务，您接受本协议，意味着您同意我们使用您填写的乘客信息进行代购，包括但不限于授权我们使用您的乘客信息进行注册、代购、退票等操作，同时您必须遵守12306的购票规定的服务条款（https://kyfw.12306.cn/otn/regist/rule）。<br> 5）因火车票实名制购买规定，我司只为真实的消费者代购火车票，我方有权在核实购票人身份时，要求客户提供身份证复印件核实购票人的身份，购票人身份核实通过后，才能完成购票，退票及退款，否则我司不提供售后服务。<br><br><strong style="color:#009fde;">解决争议适用法律法规约定 </strong><br>在您的预订生效后，如果在本须知或订单约定内容履行过程中，您对相关事宜的履行发生争议，您同意按照中华人民共和国颁布的相关法律法规来解决争议，并同意接受上海市长宁区人民法院的管辖。<br>6）接受协议，代表自愿委托使用我的12306乘客进行购<br></div>-->
